
setCompany3Charts('#16fec0')

$('.company3-chart-nav2 li').click(function(){
	
	var index = $(this).index()
	var color='#16fec0'
	if(index == 0){
		color = '#16fec0'
	}else if(index == 1){
		color = '#00d8ff'
	}else{
		color = '#b826dd'
	}
	$(this).addClass('active').siblings().removeClass('active')
    setCompany3Charts(color)
})

function setCompany3Charts(color){
	var option = {
	tooltip:{
		trigger:'axis',
		axisPointer:{
			type:'none'
		},
		formatter:function(params){
			return params[0].name+':'+params[0].value+'人'
		}
	},
	xAxis: [{
		type: 'category',
		data: ['上海分公司', '浙江分公司', '湖南分公司', '福建分公司', '广东分公司'],
		
		axisLabel:{
			textStyle:{
				color:'#fff',
				fontSize:14,
				fontWeight:'100'
				
			}
		},
		axisLine:{
			lineStyle:{
				color:'#2a4e86'
			}
		}
	}],
	yAxis:{
		axisLine:{
			lineStyle:{
				color:'#1efcff'
			}
		},
		splitLine:{
			lineStyle:{
				color:'#3b6ab2'
			}
		},
		axisLabel:{
			textStyle:{
				color:'#fff',
				fontSize:14,
				fontWeight:'100'
				
			}
		},
	},
	color:color,
	series: [
		{
			type: 'pictorialBar',
			symbol:'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
			itemStyle:{
				normal:{
					opacity:0.7
				},
				emphasis:{
					opacity:1
				}
			},
			data:[80,70,55,40,20]
		},
		{
			type:'pictorialBar',
			symbolSize:0,
			symbolOffset:[0,'-20%'],
			data:[
				{
					value:80
				},
				{
					value:70
				},
				{
					value:55
				},
				{
					value:40
				},
				{
					value:20
				}
			]
		}
		
	]
};
	var chart = echarts.init(document.getElementById('company3-chart1'));
	chart.setOption(option);
}